<template>
  <div class="pk-empty">
    <el-empty :description="desc" :imageSize="imageSize">
      <template #image v-if="$slots.image">
        2333
      </template>
      <slot></slot>
    </el-empty>
  </div>
</template>

<script setup>
import { ref, defineProps } from 'vue'
defineProps({
  imageSize: {
    type: [String, Number],
    default: 80
  },
  desc:{
    type: String,
    default: '暂无数据'
  }
})
</script>

<style lang="scss" scoped>
.pk-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>